<template>
    <div class="tab-pane fade show active" id="my-listing" role="tabpanel">
        <div class="myaccount-listing">
            <div class="list-view-layout1">
                <div class="product-box-layout3">
                    <div class="item-img">
                        <a href="single-product1.html"><img
                                src="media/product/product19.jpg" alt="Product"></a>
                    </div>
                    <div class="product-info">
                        <div class="item-content">
                            <h3 class="item-title"><a href="single-product1.html">Galaxy
                                Note</a><span>New</span></h3>
                            <ul class="entry-meta">
                                <li><i class="far fa-clock"></i>3 months ago</li>
                                <li><i class="fas fa-map-marker-alt"></i>New Jersey, Cape
                                    May
                                </li>
                                <li><i class="far fa-eye"></i>86 Views</li>
                            </ul>
                            <ul class="item-condition">
                                <li><span>Condition:</span> New</li>
                                <li><span>Brand:</span> Other Brand</li>
                            </ul>
                            <div class="btn-group">
                                <a href="#">Promote</a>
                                <a href="#">Edit</a>
                                <a href="#">Delete</a>
                            </div>
                        </div>
                        <div class="item-right">
                            <div class="item-price">
                                <span class="currency-symbol">$</span>
                                1,240
                            </div>
                            <div class="item-btn">
                                <a href="#">Details</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list-view-layout1">
                <div class="product-box-layout3">
                    <div class="item-img">
                        <a href="single-product1.html"><img
                                src="media/product/product20.jpg" alt="Product"></a>
                    </div>
                    <div class="product-info">
                        <div class="item-content">
                            <h3 class="item-title"><a href="single-product1.html">China
                                Branded Bags</a><span>New</span></h3>
                            <ul class="entry-meta">
                                <li><i class="far fa-clock"></i>3 months ago</li>
                                <li><i class="fas fa-map-marker-alt"></i>New Jersey, Cape
                                    May
                                </li>
                                <li><i class="far fa-eye"></i>86 Views</li>
                            </ul>
                            <ul class="item-condition">
                                <li><span>Condition:</span> New</li>
                                <li><span>Brand:</span> Other Brand</li>
                            </ul>
                            <div class="btn-group">
                                <a href="#">Promote</a>
                                <a href="#">Edit</a>
                                <a href="#">Delete</a>
                            </div>
                        </div>
                        <div class="item-right">
                            <div class="item-price">
                                <span class="currency-symbol">$</span>
                                1,240
                            </div>
                            <div class="item-btn">
                                <a href="#">Details</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list-view-layout1">
                <div class="product-box-layout3">
                    <div class="item-img">
                        <a href="single-product1.html"><img
                                src="media/product/product21.jpg" alt="Product"></a>
                    </div>
                    <div class="product-info">
                        <div class="item-content">
                            <h3 class="item-title"><a href="single-product1.html">Ultra HD
                                Laptops</a><span>New</span></h3>
                            <ul class="entry-meta">
                                <li><i class="far fa-clock"></i>3 months ago</li>
                                <li><i class="fas fa-map-marker-alt"></i>New Jersey, Cape
                                    May
                                </li>
                                <li><i class="far fa-eye"></i>86 Views</li>
                            </ul>
                            <ul class="item-condition">
                                <li><span>Condition:</span> New</li>
                                <li><span>Brand:</span> Other Brand</li>
                            </ul>
                            <div class="btn-group">
                                <a href="#">Promote</a>
                                <a href="#">Edit</a>
                                <a href="#">Delete</a>
                            </div>
                        </div>
                        <div class="item-right">
                            <div class="item-price">
                                <span class="currency-symbol">$</span>
                                1,240
                            </div>
                            <div class="item-btn">
                                <a href="#">Details</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list-view-layout1">
                <div class="product-box-layout3">
                    <div class="item-img">
                        <a href="single-product1.html"><img
                                src="media/product/product22.jpg" alt="Product"></a>
                    </div>
                    <div class="product-info">
                        <div class="item-content">
                            <h3 class="item-title"><a href="single-product1.html">Kids Toy
                                Bundle</a><span>New</span></h3>
                            <ul class="entry-meta">
                                <li><i class="far fa-clock"></i>3 months ago</li>
                                <li><i class="fas fa-map-marker-alt"></i>New Jersey, Cape
                                    May
                                </li>
                                <li><i class="far fa-eye"></i>86 Views</li>
                            </ul>
                            <ul class="item-condition">
                                <li><span>Condition:</span> New</li>
                                <li><span>Brand:</span> Other Brand</li>
                            </ul>
                            <div class="btn-group">
                                <a href="#">Promote</a>
                                <a href="#">Edit</a>
                                <a href="#">Delete</a>
                            </div>
                        </div>
                        <div class="item-right">
                            <div class="item-price">
                                <span class="currency-symbol">$</span>
                                1,240
                            </div>
                            <div class="item-btn">
                                <a href="#">Details</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pagination-layout1">
            <div class="btn-prev disabled">
                <a href="#"><i class="fas fa-angle-double-left"></i>Previous</a>
            </div>
            <div class="page-number">
                <a href="#" class="active">1</a>
                <a href="#">2</a>
            </div>
            <div class="btn-next">
                <a href="#">Next<i class="fas fa-angle-double-right"></i></a>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'mlist'
    }
</script>